<style type="text/css">
    .layui-form-label{
        padding-left: 9px;
    }
</style>
<form class="layui-form"   action="javascript:;" lay-filter="xdWidget-attr-form">
    <input type="hidden"  name="id" value="">
    <input type="hidden"  name="classFlag" value="">
    <div class="layui-form-item">
        <div class="layui-inline">
            <label class="layui-form-label">控件Label</label>
            <div class="layui-input-inline">
                <input type="text" name="label" lay-verify="" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">控件名</label>
            <div class="layui-input-inline">
                <input type="text" name="name" lay-verify="required"
                       placeholder="重要：传参使用"
                       autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input type="checkbox" name="verify" title="必选" lay-skin="primary"  value="required">
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">默认值</label>
            <div class="layui-input-inline">
                <select name="defaultValue" lay-filter="defaultValue" autocomplete="off">
                    <option value="" ></option>
                    <option value="now" >当前时间	</option>
                    <option value="weekFirst">本周第一天</option>
                    <option value="monthFirst">本月第一天</option>
                    <option value="now7day">最近7天</option>
                    <option value="now30day">最近30天</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">格式</label>
            <div class="layui-input-inline">
                <select name="type" lay-filter="type"  lay-verify="required" autocomplete="off">
                    <option ></option>
                    <option value="year">年 yyyy</option>
                    <option value="month">年月 yyyy-MM</option>
                    <option value="date" selected>日期 yyyy-MM-dd</option>
                    <option value="time">时间 HH:mm:ss</option>
                    <option value="datetime">日期 时间</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">格式</label>
            <div class="layui-input-inline">
                <select name="theme" lay-filter="theme"  lay-verify="required" autocomplete="off">
                    <option></option>
                    <option value="default">default</option>
                    <option value="molv">molv（墨绿背景）</option>
                    <option value="grid">grid（格子主题）</option>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">自定义Style</label>
            <div class="layui-input-inline">
                <input type="text" name="style" lay-verify="" autocomplete="off" class="layui-input">
            </div>
        </div>
    </div>
    <div class="layui-form-item layui-layout-admin">
        <div class="layui-input-block">
            <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" lay-filter="xdWidget-attr-form-bt">保存</button>
                <button class="layui-btn" lay-submit="" lay-filter="xdWidget-preview-form-bt">预览</button>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript">
</script>